<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>钱包明细</title>
		<link rel="stylesheet" href="../asset/css/conmom.css" />
		<link rel="stylesheet" href="../asset/css/following.css" />
		<link rel="stylesheet" href="../asset/css/base.css" />
		<style>
			html,body{background: #fff;}
		</style>
	</head>
	<body>
		<!--钱包明细-->
		<div class="Wallet-details">
			<div class="J_tit">
				<div class="J_tit_div" style="position: initial;">
					<div class="title"><i class="iconfont back icon-xiangzuo2" onclick="window.history.go(-1)"></i>钱包明细</div>
				</div>
			</div>
			<div class="Wallet-details-info">
				<div class="tabs-nav--wrap">
			 		<ul>
			 			<li class="active">全部</li>
			 			<li>结算成功</li>
			 			<li>结算失败</li>
			 			<li class="tabs-nav-other">筛选</li>
			 		</ul>
			 		<div class="tabs-nav--wrap-all">
				 		<ul>
				 			<li class="active">待结算</li>
				 			<li>提现</li>
				 			<li>退款</li>
				 			<li>退货</li>
				 			<li>佣金</li>
				 			<li>微信消费</li>
				 		</ul>
				 	</div>
			 	</div>
			 	<div class="item-infobox">
			 		<div>
			 			<div class="item-text"> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>微信购买-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text"> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>提现-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p>  
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 					
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl">
				 				<span class="item-pric">
				 					<i class="iconfont icon icon-qiandai"></i>	
				 				</span>
				 			</p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text"> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>提现-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p>  
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 					
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl">
				 				<span class="item-pric">
				 					<i class="iconfont icon icon-qiandai"></i>	
				 				</span>
				 			</p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text"> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>提现-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p>  
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 					
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl">
				 				<span class="item-pric">
				 					<i class="iconfont icon icon-qiandai"></i>	
				 				</span>
				 			</p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 					
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl">
				 				<span class="item-pric">
				 					<i class="iconfont icon icon-qiandai"></i>	
				 				</span>
				 			</p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div><div class="item-text "> 
				 			<p class="item-icon fl"><img src="http://wx.qlogo.cn/mmopen/yM0ickboJfLOkIhhibd4rhUPbzQZicaRS6eZybKxibuIxwP1FJpak8KkMxnt5fibiaGz9Pd41ILw5ib5uNjIB4bljbzAg/0"></p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 					
			 				</div> 
				 		</div>
				 		<div class="item-text "> 
				 			<p class="item-icon fl">
				 				<span class="item-pric">
				 					<i class="iconfont icon icon-qiandai"></i>	
				 				</span>
				 			</p> 
			 				<div class="item-main"> 
			 					<p class="item-title fl">
			 						<span>佣金-这是客户名字</span>
			 						<span>2017-10-09 08:19</span>
			 					</p> 
			 					<p class="coupon-num fr">-6.00</p> 
			 				</div> 
				 		</div>
				 		
			 		</div>
			 	</div>
			</div>
		</div>
		<!--详情-->
		<div class="tran-details-info">
			<div class="J_tit">
				<div class="J_tit_div" style="position: initial;">
					<div class="title"><i class="iconfont back icon-xiangzuo2 back_wallet"></i>钱包明细</div>
				</div>
			</div>

			<div class="detailWallet">
				<table>
					<tr>
						<td>交易单号</td>
						<td>1710161512479565750424634064</td>
					</tr>
					<tr>
						<td>状态</td>
						<td>结算成功</td>
					</tr>
					<tr>
						<td>类型</td>
						<td>微信购买商品</td>
					</tr>
					<tr>
						<td>交易金额</td>
						<td>￥569</td>
					</tr>
					<tr>
						<td>创建时间</td>
						<td>2017-10-16 15:12:48</td>
					</tr>
					<tr>
						<td>结算时间</td>
						<td>2017-10-16 15:12:48</td>
					</tr>
				</table>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../public/jquery.min.js" ></script>
	<script>
		 $(window).scroll(function(){
	    	var top= $(".item-text:first-child").offset().top;
	    	var gun=$(window).scrollTop();
	    	var top1=top-gun;
	    	if(top1<=0){
	    		$(".tabs-nav--wrap").addClass("tabs-nav--wrap-position");
	    	}else{
	    		$(".tabs-nav--wrap").removeClass("tabs-nav--wrap-position");
	    	}
	    });
		$(".item-infobox>div>.item-text").click(function(){
		   	$(".Wallet-details").hide();
		   	$(".tran-details-info").show();
	    });
	    $(".tabs-nav-other").click(function(){
			$(".tabs-nav--wrap-all").toggle();
		});
		$(".tabs-nav--wrap>ul>li").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
		});
		$(".tabs-nav--wrap-all>ul>li").click(function(){
			$(this).addClass("active").siblings().removeClass();
			$(".tabs-nav--wrap-all").hide();
		});
		$(".back_wallet").click(function(){
			$(".Wallet-details").toggle();
			$(".tran-details-info").toggle();
		});
	</script>
</html>
 